Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <head> <style> body { margin: 30px; background-color: #E9E9E9; } div.polaroid { width: 294px; padding: 10px 10px 20px 10px; border: 1px solid #BFBFBF; background-color: white; box-shadow: 2px 2px 3px #aaaaaa; } div.rotate_left { float: left; -ms-transform: rotate(7deg); /* IE 9 */ -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ transform: rotate(7deg); } div.rotate_right { float: left; -ms-transform: rotate(-8deg); /* IE 9 */ -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */ transform: rotate(-8deg); } </style> </head> <body> <div class="polaroid rotate_left"> <img src="pulpitrock.jpg" alt="Pulpit rock" width="284" height="213"> <p class="caption">The pulpit rock in Lysefjorden, Norway.</p> </div> <div class="polaroid rotate_right"> <img src="cinqueterre.jpg" alt="Monterosso al Mare" width="284" height="213"> <p class="caption">Monterosso al Mare. One of the five villages in Cinque Terre.</p> </div> </body> <!-- Mirrored from www.w3schools.com/cssref/tryit.asp?filename=trycss3_image_gallery by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 07:51:22 GMT --> </html>
Result:
Try it Yourself - © w3schools.com